page{
	background-color: #f6f6f6;
	font-size: 28rpx;
}

.card{
	background-color: #fff;
	border-radius: 10rpx;
}

.btn{
	width: 372rpx;
	height: 74rpx;
	margin: 0 auto;
	line-height: 74rpx;
	border-radius: 74rpx;
	color: #fff;
	background-color: #3dc787;
	text-align: center;
}



image{display: block;}

.title{
	position: relative;
	line-height: 40rpx;
	padding-left: 28rpx;
	margin-top: 25rpx;

	&:after{
		content: '';
		position: absolute;
		top: 4rpx;
		left: 6rpx;
		width: 6rpx;
		height: 32rpx;
		border-radius: 6rpx;
		background-color: #0daef1;
	}
}

// 圆角按钮
.btn-fillet{
	width: 300rpx;
	height: 74rpx;
	line-height: 74rpx;
	text-align: center;
	color: #fff;
	border-radius: 10rpx;
	background-color: #12b3f1;
	box-shadow: 0 6rpx 6rpx #ace0f3;
}
// 胶囊按钮
.btn-capsule{
	width: 160rpx;
	height: 60rpx;
	line-height: 60rpx;
	text-align: center;
	color: #fff;
	border-radius: 60rpx;
	background-color: #ecf5ff;
}
// 图片按钮
.btn-img{
	position: relative;
	width: 150rpx;
	height: 45rpx;
	line-height: 45rpx;
	text-align: center;
	color: #fff;
	image{
		width: 100%;
		height: 100%;
	}

	.tit{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}

.popup-submit-content{
	text-align: center;
	padding: 24rpx;
	min-width: 396rpx;
}

.popup-pay-mode{
	.popup-head{
		position: relative;
		text-align: center;
		line-height: 100rpx;
		font-size: 30rpx;
		.close{
			position: absolute;
			top: 34rpx;
			right: 50rpx;
			width: 34rpx;
			height: 34rpx;
		}
	}
	.popup-content{
		padding-left: 30rpx;
		padding-bottom: 32rpx;

		.item{
			height: 124rpx;
			border-bottom: 2rpx solid #efefef;
			padding-left: 8rpx;
			padding-right: 50rpx;

			.icon{
				display: block;
				width: 64rpx;
				min-width: 64rpx;
				height: 64rpx;
				margin-right: 16rpx;
				font-size: 30rpx;
			}
			.ricon{
				display: block;
				width: 42rpx;
				min-width: 42rpx;
				height: 34rpx;
			}
		}

		// 胶囊按钮
		.btn-capsule{
			width: 680rpx;
			height: 88rpx;
			line-height: 88rpx;
			text-align: center;
			font-size: 30rpx;
			color: #fff;
			border-radius: 60rpx;
			background-color: #12b3f1;
			margin: 160rpx auto 0;
		}
	}
}

.wallet{
	.header{
		position: relative;
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: cover;

		.outer{
			text-align: center;
			padding-bottom: 56rpx;
			.tit{
				font-size: 32rpx;
				color: #fff;
				margin-top: 40rpx;
			}
			.money{
				font-size: 46rpx;
				font-weight: 700;
				color: #fff;
				margin-top: 10rpx;
			}
			.btn-box{
				margin-top: 24rpx;
				.btn-withdraw-log,.btn-withdraw{
					width: 185rpx;
					height: 60rpx;

					image{
						width: 44rpx;
						min-width: 44rpx;
						height: 44rpx;
						margin-right: 14rpx;
					}
				}
				.btn-withdraw-log{
					background-color: #2d5bd7;
					border-radius: 60rpx 0 0 60rpx;
					color: #fff;
					image{
						width: 34rpx;
						min-width: 34rpx;
						height: 32rpx;
						margin-right: 10rpx;
					}
				}
				.btn-withdraw{
					background-color: #ecf5ff;
					border-radius: 0 60rpx 60rpx 0;
					color: #e1a31d;
				}
			}

		}

	}

	.databox{
		position: relative;
		padding: 0 30rpx;
		margin-top: -30rpx;

		.inner{
			border-radius: 10rpx;
			background-color: #fff;
			color: #333333;
			padding: 30rpx 4rpx;
			box-shadow: 0 4rpx 10rpx #ddd;
		}
		.item{
			width: 25%;
			// border-right: 2rpx solid #efefef;
			text-align: center;


			.num{
				font-size: 32rpx;
				margin-top: 28rpx;
				font-weight: 500;
			}
		}

	}

	.content{
		padding: 20rpx 30rpx;

		.head{
			padding: 0 12rpx;
			line-height: 56rpx;

			.tab{
				position: relative;
				margin-right: 60rpx;

				&.on{
					color: #00b7ee;
				}
				&.on:after{
					content: '';
					position: absolute;
					width: 90rpx;
					height: 6rpx;
					border-radius: 6rpx;
					bottom: -6rpx;
					left: 50%;
					margin-left: -45rpx;
					background-color: #00b7ee;
				}
			}


			.year{}
			.month{}

			.datenum{
				color: #333;
				width: 104rpx;
				font-weight: 700;
				text-align: right;
				margin-right: 8rpx;
			}
			/deep/.u-icon__icon{
				transform:scaleY(.86);
			}
		}

		.list{
			background-color: #fff;
			border-radius: 10rpx;
			padding-bottom: 16rpx;
			margin-bottom: 20rpx;

			.head{
				padding: 20rpx 32rpx;
				border-bottom: 2rpx solid #fafafa;
				line-height: 1.75;

				.tit{
					font-size: 30rpx;
				}
				.con{
					font-size: 24rpx;;
					color: #333333;
				}
			}
			.item{
				height: 96rpx;
				padding: 0 32rpx;
				padding-right: 46rpx;
				border-bottom: 2rpx solid #fafafa;

				&:last-child{
					border-bottom: none;
				}

				.icon{
					width: 78rpx;
					min-width: 78rpx;
					.tw{
						width: 48rpx;
						height: 40rpx;
					}
					.sp{
						width: 50rpx;
						height: 40rpx;
					}
					.report{
						width: 54rpx;
						height: 48rpx;
					}
					.qy{
						width: 50rpx;
						height: 40rpx;
					}
				}
				.money{
					color: #f48e17;
				}
			}

		}


	}

}

.articlePublish{
	.content{
		padding: 22rpx 0 40rpx;
	}
	.form-group{
		background-color: #fff;
		margin-bottom: 22rpx;
		padding: 20rpx;

		.form-label{
			padding-left: 26rpx;
			height: 50rpx;
			line-height: 50rpx;
		}
		.form-item{
			/deep/.u-input{
				height: 68rpx;
				line-height: 68rpx;
				border-bottom: 2rpx solid #f5f5f5;
				padding: 0 26rpx!important;
			}
			/deep/.u-upload{
				padding-left: 26rpx;
				padding-top: 34rpx;

				.u-upload__button{
					background-color: #fff;
					border: 1px solid #d3d3d3;
					border-radius: 8rpx;
					.u-icon__icon{
						font-size: 40rpx!important;
					}
				}
			}
		}
	}
	.btn-row{
		margin-top: 120rpx;
	}
	.btn-row .btn{
		background-color: #4879fd;
	}
}

.article{
	.tit{
		font-weight: 500;
		padding: 30rpx 30rpx 0;
	}
	.con{
		color: #999999;
		font-size: 26rpx;
		margin-top: 14rpx;
		padding: 0 30rpx;

		.volume{
			margin-left: 50rpx;
		}
	}
	.content{
		padding: 0 30rpx;
		margin-top: 48rpx;
	}

	.doctor-info{
		margin: 60rpx -12rpx;
		background-color: #e3fffe;
		border-radius: 6rpx;
		color: #0b7b77;
		padding: 10rpx 30rpx;
		padding-right: 50rpx;
		.avatar{
			width: 68rpx;
			min-width: 68rpx;
			height: 68rpx;
			border-radius: 50%;
		}
		.name{
			margin-left: 20rpx;
			margin-right: 50rpx;
		}
	}

}

.articleList{
	padding: 20rpx;
	.card{
		margin-bottom: 26rpx;
	}
	.amenu{
		padding: 40rpx 84rpx;
		.item{
			width: 214rpx;
			height: 186rpx;
			color: #666666;
			border-radius: 12rpx;
			border: 1px solid #e9e9e9;
			text-align: center;
			background-color: #fcfcfc;

			.icon{
				width: 72rpx;
				height: 66rpx;
				margin: 34rpx auto 14rpx;
			}
		}
	}

	.title-outer{
		padding: 4rpx 32rpx 0;

		.ricon{
			font-size: 24rpx;;
			color: #999999;
		}
	}
	.article-list{
		padding-bottom: 24rpx;

		.item{
			border-bottom: 2rpx solid #f5f5f5;
			padding: 30rpx 34rpx;
			.tit{}
			.sub-tit,.views,.time{
				font-size: 24rpx;;
				color: #999999;
				margin-top: 14rpx;
			}
			.views,.time{
				margin-top: 10rpx;
			}

			.cover{
				width: 220rpx;
				min-width: 220rpx;
				height: 148rpx;
				margin-left: 30rpx;
			}
		}
	}
}

.textpage{
	.content{
		padding: 20rpx;
		.card{
			margin-bottom: 20rpx;
			padding: 0 6rpx;
			.outer{
				padding: 28rpx 64rpx 28rpx 24rpx;
				border-bottom: 2rpx solid #eeeeee;

				.avatar{
					width: 118rpx;
					min-width: 118rpx;
					height: 118rpx;
					border-radius: 50%;
				}
				.info{
					margin-left: 22rpx;
					.name{}
					.sex{margin-left: 26rpx;}
					.age{margin-left: 26rpx;}
					.time,.sn,.con{
						font-size: 26rpx;
						color: #999;
						margin-top: 12rpx;
					}

					.time{}
					.sn{}
					.con{}
				}
				.status{
					// min-width: 142rpx;
					min-width: 94rpx;
					text-align: center;
				}
			}

			.bottom{
				padding: 22rpx 42rpx 22rpx 24rpx;
				.btn-capsule{
					width: 140rpx;
					height: 50rpx;
					line-height: 50rpx;
					background-color: #356bfd;
				}
			}


			&.patient{ //接诊中
				.status{
					color: #005af9;
				}
				.btn-capsule{
					background: linear-gradient(#6ca1ff, #4e8bff);
				}
			}
			&.end{ //接诊完成
				.status{
					color: #14a418;
				}
				.btn-capsule{
					background-color: #49bb41;
				}
			}
		}

	}

}

.reportpage{
	.content{
		padding: 20rpx;

		.card{
			padding-bottom: 10rpx;
			margin-bottom: 20rpx;
			

			.head{
				border-bottom: 1px solid #efefef;
				// line-height: 80rpx;
				// height: 80rpx;
				color: #999999;
				font-size: 26rpx;
				padding: 25rpx 36rpx;
				align-items: center;
				text{
					color: #356bfd;
				}
				.status{
					color: #666;
				}
			}

			.con{
				padding: 20rpx 30rpx;
				.avatar{
					width: 80rpx;
					min-width: 80rpx;
					height: 80rpx;
					border-radius: 50%;
					background-color: #f6f6f6;
				}
				.info{
					margin-left: 14rpx;
					.sex,.age{
						font-size: 24rpx;
						color: #808080;
					}
					.sex{
						margin-left: 14rpx;
					}
					.age{
						margin-left: 30rpx;
					}
				}

				.sn{
					font-size: 24rpx;;
					color: #808080;
					margin-top: 18rpx;
				}
				.time{
					font-size: 24rpx;;
					color: #999999;
					margin-top: 16rpx;
				}

				.btn-report{
					width: 140rpx;
					height: 50rpx;
					line-height: 46rpx;
					border: 2rpx solid #3d3d3d;
					color: #333;
					font-size: 26rpx;
					text-align: center;
					border-radius: 4rpx;
				}
			}

			&.normal{
				.head{
					.status{
						color: #f48e17;
					}
				}
				.con{
					.btn-report{
						border: 2rpx solid #356bfd;
						color: #356bfd;
					}
				}
			}
			&.patient{
				.head{
					.status{
						color: #12b3f1;
					}
				}
				.con{
					.btn-report{
						border: 2rpx solid #12b3f1;
						color: #12b3f1;
					}
				}
			}
			&.end{
				.head{
					.status{
						color: #999999;
					}
				}
				.con{
					.btn-report{
						border: 2rpx solid #999999;
						color: #999999;
					}
				}
			}
		}

	}
}

.signpage{
	.content{
		padding: 20rpx;

		.card{
			padding-bottom: 10rpx;
			margin-bottom: 20rpx;

			.status{
				color: #666;
			}

			.con{
				padding: 20rpx 30rpx;
				.avatar{
					width: 80rpx;
					min-width: 80rpx;
					height: 80rpx;
					border-radius: 50%;
					background-color: #f6f6f6;
				}
				.info{
					margin-left: 14rpx;
					.sex,.age{
						font-size: 24rpx;
						color: #808080;
					}
					.sex{
						margin-left: 14rpx;
					}
					.age{
						margin-left: 30rpx;
					}
				}

				.sn{
					font-size: 24rpx;;
					color: #808080;
					margin-top: 18rpx;
				}
				.time{
					font-size: 24rpx;;
					color: #999999;
					margin-top: 16rpx;
				}

				.btn-report{
					width: 140rpx;
					height: 50rpx;
					line-height: 46rpx;
					border: 2rpx solid #3d3d3d;
					color: #333;
					font-size: 26rpx;
					text-align: center;
					border-radius: 4rpx;
				}
			}

			.foot{
				font-size: 26rpx;
				color: #999999;
				border-top: 2rpx solid #efefef;
				padding: 20rpx 38rpx 8rpx;
				padding-right: 32rpx;
			}

			&.normal{
				.status{
					color: #f48e17;
				}

				.con{
					.btn-report{
						border: 2rpx solid #356bfd;
						color: #356bfd;
					}
				}
			}
			&.patient{
				.status{
					color: #12b3f1;
				}
				.con{
					.btn-report{
						border: 2rpx solid #12b3f1;
						color: #12b3f1;
					}
				}
			}
			&.end{
				.status{
					color: #999999;
				}
				.con{
					.btn-report{
						border: 2rpx solid #999999;
						color: #999999;
					}
				}
			}
		}

	}
}
.my-sign-patient{
	.header{
		position: fixed;
		width: 100%;
		background-color: #fff;
		padding: 22rpx 26rpx;
		padding-right: 0;
		z-index: 9999;
	}

	.content{
		padding: 132rpx 20rpx 0;
		.list{
			.item{
				padding: 26rpx 14rpx 22rpx;
				padding-right: 20rpx;
				border-radius: 10rpx;
				background-color: #fff;
				margin-bottom: 20rpx;

				.avatar{
					width: 104rpx;
					min-width: 104rpx;
					height: 104rpx;
					border-radius: 50%;
				}

				.info{
					margin-left: 20rpx;
					.tit{
						.name{}
						.sex{margin-left: 38rpx;}
						.age{margin-left: 26rpx;}
						.mobile{margin-left: 28rpx;}
					}

					.tags{
						margin-top: 14rpx;
						.tag{
							background-color: #e0f2d3;
							border-radius: 6rpx;
							line-height: 38rpx;
							font-size: 24rpx;
							color: #4b9710;
							padding: 0 14rpx;
							margin-right: 12rpx;

							&.bg2{
								color: #b19526;
								background-color: #f7f3d2;
							}
							&.bg3{
								color: #b46e45;
								background-color: #ffecd1;
							}
						}
					}

					.con,.time{
						color: #666666;
						font-size: 26rpx;
						line-height: 42rpx;
						margin-top: 12rpx;
					}
					.time{
						margin-top: 8rpx;
					}
				}

			}
		}
	}

}






